<!DOCTYPE HTML>
<html>
<head>
<title>SALGUERO FUTBOL</title>
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="css/style.css" rel='stylesheet' type='text/css' />
<link href="css/component.css" rel='stylesheet' type='text/css' />
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
<link href="css/megamenu.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/megamenu.js"></script>
<script>$(document).ready(function(){$(".megamenu").megamenu();});</script>
<link rel="stylesheet" href="css/etalage.css">
<script src="js/jquery.etalage.min.js"></script>
<script src="js/easyResponsiveTabs.js" type="text/javascript"></script>

<script>
	jQuery(document).ready(function($){
		$('#etalage').etalage({
			thumb_image_width: 300,
			thumb_image_height: 400,
			source_image_width: 900,
			source_image_height: 1200,
			show_hint: true,
			click_callback: function(image_anchor, instance_id){
				alert('Callback example:\nYou clicked on an image with the anchor: "'+image_anchor+'"\n(in Etalage instance: "'+instance_id+'")');
			}
		});
	});

	$(document).ready(function () {
		$('#horizontalTab').easyResponsiveTabs({
			type: 'default', //Types: default, vertical, accordion           
			width: 'auto', //auto or any width like 600px
			fit: true   // 100% fit in a container
		});
	});
  	
	(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  	(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  	m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  	})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  	ga('create', 'UA-60487549-1', 'auto');
  	ga('send', 'pageview');


 	function cargarCruce() {
		alert("kaak");
	}
</script>

<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/bootstrap-theme.min.css">
<script src="js/bootstrap.min.js"></script>

</head>
<body>
<div class="menu">
  <ul class="megamenu skyblue">
    <li class="active grid"><a class="color1" href="alquilerdecanchas.html">ALQUILER DE CANCHAS</a></li>
    <li class="active grid"><a class="color10" href="sedes.html">SEDES</a></li>
    <li class="active grid"><a class="color5" href="torneos.html">torneoS</a></li>
    <li class="active grid"><a class="color9" href="servicios.html">SERVICIOS</a></li>
    <li class="active grid"><a class="color4" href="contacto.html">CONTACTO</a></li>
  </ul>
</div>
<img src="images/headergenerico.jpg" class="img-responsive" alt=""/>

{% include 'navbar.html' %}

<div class="clearfix"> 
 <div class="copy">
 	<h1> Posiciones </h1>
	{% for torneozona in torneosZonas %} 
		{% if torneozona.torneo.id == idTorneoActivo %} 
			<h3> {{ torneozona.torneo.nombre | raw  }}</h3>
			{% for torenoZona in torneozona.zonas %} 
				<a href="estadisticasPosiciones.php?idTorneoZonaActiva={{ torenoZona.id }}&idZonaActiva={{ torenoZona.id_zona }}&idTorneoActivo={{ torneozona.torneo.id }}"><button type="button" class="btn btn-default">{{ torenoZona.nombreCorto }}</button></a>
			{% endfor %}
		{% endif %}
	{% endfor %}
	
	
	{% if zona != null %}
		<h2> {{ zona.nombreCorto | raw }}</h2>
		<h4> {{ zona.nombreLargo | raw }}</h4>	
		<h5> {{ zona.nombrePagina | raw }}</h5>
		{% if tabla != null %}
			<h3> Posiciones </h3>
				<table class="table table-bordered" style="width:900px" align="center">
					<thead>
						<tr> 
						  <th style="text-align:center" width="4%"></th>
						  <th style="text-align:center" width="40%">Equipo</th>
						  <th style="text-align:center" width="7%">Pts.</th>
						  <th style="text-align:center" width="7%">Jug.</th>
						  <th style="text-align:center" width="7$">Gan.</th>
						  <th style="text-align:center" width="7%">Emp.</th>
						  <th style="text-align:center" width="7%">Per.</th>
						  <th style="text-align:center" width="7%">GF</th>
						  <th style="text-align:center" width="7%">GC</th>
						  <th style="text-align:center" width="7%">Dif.</th>
						</tr>
					</thead>
					<tbody>	
						 {% set contador = 1 %}
						 {% set observ = 0 %}
						 {% for linea in tabla %}
						  <tr>
						  	<td><b>{{ contador }}</b></td>
							{% set contador = contador + 1 %}
							<td><b>{{ linea.nombre }} {% if linea.descripcion != '' %} {% set observ = 1 %}<font color="#FF0000" size="+1"> * </font> {% endif %} </b></td>
							<td>{{ linea.puntaje  }}</td>
							<td>{{ linea.par_ganados +  linea.par_perdidos + linea.par_empatados }}</td>
							<td>{{ linea.par_ganados }}</td>
							<td>{{ linea.par_empatados }}</td>
							<td>{{ linea.par_perdidos }}</td>
							<td>{{ linea.goles_favor }}</td>
							<td>{{ linea.goles_contra }}</td>
							<td>{{ linea.goles_favor - linea.goles_contra }}</td>
						  </tr>
				  		{% endfor %}
					</tbody>
				</table>
				{% if observ == 1 %}
					<h3> Observaciones </h3>
					<table class="table table-bordered" style="width:900px" align="center">
						<thead>
							<tr> 
							  <th style="text-align:center" width="4%"></th>
							  <th style="text-align:center" width="40%">Equipo</th>
							  <th style="text-align:center" width="56%">Observacion</th>
							</tr>
						</thead>
						<tbody>	
							 {% set contador = 1 %}
							 {% for linea in tabla %}
								 {% if linea.descripcion != '' %}
								  <tr>
									<td><b>{{ contador }}</b></td>
									<td><b>{{ linea.nombre }} <font color="#FF0000" size="+1"> * </font> </b></td>
									<td>{{ linea.descripcion  }}</td>
								  </tr>
								  {% endif %}
								  {% set contador = contador + 1 %}
							{% endfor %}
						</tbody>
					</table>
				{% endif %} 
		{% endif %} 

 		{% if equipos != null %}
			<h3> Cruces </h3>
 			<table class="table table-bordered" style="width:900px" align="center">
			   <thead>
			    <tr>
					<th style="text-align:center" width="5%"></td>
			   		<th style="text-align:center" width="30%">Equipo</td>
					{% set contador = 1 %}
					{% for equipo in equipos %}
						<th style="text-align:center">{{ contador }}</th>	
						{% set contador = contador + 1 %}
					{% endfor %}
				</tr>
			   </thead>
			   <tbody>
				{% set contador = 1 %}
				{% for equipo1 in equipos  %}
					<tr>
						<td><b>{{ contador }}</b></td>
						{% set contador = contador + 1 %}
						<td><b>{{ equipo1['nombre'] }}</b></td>
						{% for equipo2 in equipos %}
							{% if (equipo1['id'] == equipo2['id']) %}
								<td style="background-color:#000000"></td>
							{% else %} 
								{% set id = equipo1['id']~equipo2['id'] %}
								<td>{{ cruces[id][equipo1['id']]~'-'~cruces[id][equipo2['id']] }}</td>
							{% endif %} 		   
						{%  endfor %}
					</tr>
				{%  endfor %}
			   </tbody>
			</table>
		{% endif %}
	{% else %}
		<h4>Seleccione una Zona</h4>
	{% endif %} 

</div>
</div>



<div class="footer">
  <div class="container">
    <ul class="social">
      <li><a href="http://instagram.com/salguerofutbol"> <i class="instagram"> </i> </a></li>
      <li><a href="http://facebook.com/salguerofutbol"><i class="fb"> </i> </a></li>
      <li><a href="http://twitter.com/salguerofutbol"><i class="tw"> </i> </a></li>
    </ul>
    <div class="copy">
      <p>&copy; Powered by <a href="http://noova.com.ar" target="_blank">Noova</a> </p>
    </div>
  </div>
</div>
</body>
</html>
